<template>
	<view>
		<view class="main">
			<view class="box">
				<view class="line">
					<view class="name">员工手机号</view>
					<view class="input">
						<u-input v-model="mobile" type="number" @input="checkUserIsRegister" maxlength="11" placeholder="请输入员工手机号" :height="height" />
					</view>
				</view>
				<view class="line">
					<view class="name">姓名</view>
					<view class="input">
						<u-input v-model="name" type="text" placeholder="请输入姓名" :height="height" />
					</view>
				</view>
				<view class="line">
					<view class="name">职务</view>
					<view class="input">
						<u-input v-model="jobName" type="text" placeholder="请输入员工职务" :height="height" />
					</view>
				</view>
				<view class="line">
					<view class="name">设为管理员</view>
					<view class="switch">
						<u-switch v-model="checked" active-color="#4CD964" @change="change"></u-switch>
					</view>
				</view>
			</view>
			<view class="tips">
				<view class="line">管理员权限</view>
				<view class="ul">
					<view class="li">编辑人员信息</view>
					<view class="li">审批人员的加入申请</view>
					<view class="li">将人员移除</view>
				</view>
			</view>
			<view class="addDisabled" v-show="name==='' || jobName===''">
				<button @click="doInviteUser" :disabled="true">确认邀请</button>
			</view>
			<view class="add" v-show="name!=='' && jobName!==''">
				<button @click="doInviteUser">确认邀请</button>
			</view>
		</view>
	<!-- 	<view class="footer">
			
		</view> -->
	</view>
</template>

<script src="./invite.js"></script>

<style src="./invite.scss" lang="scss"></style>